<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加入我们</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="style/css/bootstrap.min.css">
    <link rel="stylesheet" href="style/remcss/join.debug.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/rem.js"></script>
</head>
<body>
<div class="box">
    <div class="scroll-son">
        <div class="nav">
        <div class="container">
            <div class="pic">
                <img src="images/logo.png" alt="">
            </div>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="product.html">产品介绍</a></li>
                <li><a href="business.html">商务合作</a></li>
                <li><a href="join.html">加入我们</a></li>
                <li><a href="regard.html">关于我们</a></li>
                <li><a href="map.html">地图</a></li>
                <li><a href="http://pay.ipagat.com/i_chengdu_oss/page/common/login.jsp">管理</a></li>
            </ul>
        </div>

    </div>
        <div class="main">
        <div class="container">
            <h2>找到适合你的职位</h2>
            <p><span>人才招聘热线:123456</span><span>简历投递邮箱:123456@123.com</span></p>
            <ul class="list col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">营销总监</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">行业总监</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">主编</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">互动编辑</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">内容编辑</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">产品经理</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">商务经理</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">商务助理</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">后端应用工程师</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">开发工程师</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">测试工程师</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">UI设计师</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">APP推广</div></li>
                <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><div class="panel panel-danger panel-stat">推广专员</div></li>
            </ul>
        </div>
    </div>
        <div class="footer">
        <p>Copyright@2017 acd.langyadt.com All Right Reserved.成都市信息化建设发展有限公司</p>
    </div>
        <div class="popup">
        <div class="s1"></div>
        <div class="s2">
            <h3 class="headerline">营销总监</h3>
        </div>
        <div class="s3">
            <p>该岗位暂无招聘信息</p>
            <!--<div>
                <p>
                    <i></i>
                    <span>要做的事</span>
                </p>
                <ol>
                    <li>1、协助总经理制定公司的发展战略、销售战略、制定并组织实施完整的销售计划，领导团队将计划转变为销售结果</li>
                    <li>2、开始热力行业业务，与客户、同行业间（热力行业）建立良好的合作关系</li>
                    <li>3、制定全年销售费用预算，引导和控制市场销售工作的方向和进度</li>

                </ol>
            </div>
            <div>
                <p>
                    <i></i>
                    <span>要做的事</span>
                </p>
                <ol>
                    <li>1、协助总经理制定公司的发展战略、销售战略、制定并组织实施完整的销售计划，领导团队将计划转变为销售结果</li>
                    <li>2、开始热力行业业务，与客户、同行业间（热力行业）建立良好的合作关系</li>
                    <li>3、制定全年销售费用预算，引导和控制市场销售工作的方向和进度</li>
                </ol>
            </div>-->
            <button id="btn">取消</button>
        </div>
    </div>
    </div>
</div>
</body>
<script>
    $(function(){
        $(".list li>div").mouseover(function(){
            $(this).addClass("sweep");
        });
        $(".list li>div").mouseout(function(){
            $(this).removeClass("sweep")
        })
        $(".list li>div").click(function(){
            var txt=$(this).text()
            $(".headerline").text(txt);
            $(".popup").css("display","block");
        })
        $("#btn").click(function(){
            $(".popup").css("display","none");
        })
    })
</script>
</html>